﻿<!DOCTYPE html>
<!-- saved from url=(0051)http://getbootstrap.com/examples/navbar-static-top/ -->
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="http://getbootstrap.com/favicon.ico">

    <title>Static Top Navbar Example for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="./css/site.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="./js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

      <style>
          .intel-nw-search-container {
              /*padding-top: 50px;*/
              /*padding-bottom: 50px;*/
          }

          .intel-nw-search-row {
              margin: 0px auto;
              max-width: 800px;
              padding: 50px 0px;
          }

          .intel-nw-search-label {
              display:inline;
              float: left;
              font-weight: bold;
              padding: 9px 10px;
          }

          .intel-nw-search-textbox-div {
              display:inline;
              padding: 0px 10px;
              float: left;
              /*margin-left: 110px;
              margin-right: 210px;*/
              width: 59%;
          }

          .intel-nw-search-textbox {
              width: 100%;
          }

          .intel-nw-search-button-div {
              display:inline;
              padding: 0px 10px;
              float: right;
          }

          .intel-nw-slot {
              height: 300px;
			  position: relative;
          }

          .intel-nw-slot1-col {
              background-color: rgb(126,211,247);
          }

          .intel-nw-slot2-col {
              background-color: rgb(166,206,57);
          }

          .intel-nw-slot3-col {
              background-color: rgb(0,174,239);
          }

          .intel-nw-slot4-col {
              background-color: rgb(253,185,19);
          }

          .intel-nw-slot5-col {
              background-color: rgb(0,125,197);
          }

          .intel-nw-slot6-col {
              background-color: rgb(247,148,30);
          }

          .intel-nw-slot7-col {
              background-color: rgb(114,146,37);
          }

          .intel-nw-slot8-col {
              background-color: none;
          }

          .intel-nw-slot-header {
              color: white;
              font-size: 40px;
              text-align: center;
              padding-top: 20px;
          }

          .intel-nw-slot-title {
              color: white;
              font-size: 15px;
              text-align: center;
              padding-top: 10px;
          }

          .intel-nw-slot-desc {
              padding-top: 20px;
              text-align: center;
          }

          .intel-nw-slot-mail {
              text-align: center;
          }
		  
		  .intel-nw-slot-footer {
			text-align: center;
			padding: 15px 0px;
			position: absolute;
			bottom: 0px;
			width: 100%;
			background-color: white;
			opacity: 0.2;
			filter: alpha(opacity=20); /* For IE8 and earlier */
		  }

          .intel-nw-search-row-keyword {
              /*position: relative;*/
              border-bottom: 2px solid white;
              border-top: 2px solid white;
          }

          .intel-nw-close-icon {
              float: right;
              padding: 10px 10px;
          }

          .intel-nw-keyword-text {
              padding: 50px 0px;
              text-align: center;
              margin: 0px auto;
              font-weight: bold;
              font-size: 14px;
          }

          .intel-nw-result-image {
              float: left;
              width: 150px;
              margin-right: 30px;
              margin-bottom: 30px;
          }

          .intel-nw-result-name, .intel-nw-result-title, .intel-nw-result-phone, .intel-nw-result-email, .intel-nw-result-bio {
              margin-left: 180px;
              font-size: 14px;
          }

          .intel-nw-result-name {
              font-size: 16px;
              margin-bottom: 3px;
          }

          .intel-nw-result-title {
              margin-bottom: 30px;
          }

          .intel-nw-result-phone {
              margin-bottom: 3px;
          }

          .intel-nw-result-email {
              margin-bottom: 30px;
          }

          .intel-nw-result-panel {
              padding: 50px 0px;
          }

      </style>
  </head>

  <body>

    <!-- Static navbar -->
    <nav class="navbar navbar-default navbar-fixed-top " role="navigation">
      <div class="container-fluid intel-background-color">
		<div class="row intel-row-margin">
			<div class="navbar-header">
			  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			  </button>
			  <a href="/" ><img src="./images/logo.png" class="intel-logo-image" /></a>
			</div>
			<div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height: 1px;">
			  <ul class="nav navbar-nav navbar-right">
				<li><a href="http://getbootstrap.com/examples/navbar/">SYNCS & SUMMITS</a></li>
				<li><a href="http://getbootstrap.com/examples/navbar/">DEVELOPMENT</a></li>
				<li><a href="http://getbootstrap.com/examples/navbar/">PROGRESSION</a></li>
				<li><a href="./Static Top Navbar Example for Bootstrap_files/Static Top Navbar Example for Bootstrap.html">NETWORKING</a></li>
				<li><a href="http://getbootstrap.com/examples/navbar-fixed-top/">VIP SERVICES</a></li>
			  </ul>
			</div><!--/.nav-collapse -->

		</div>
      </div>
    </nav>

    <div class="container-fluid">
        <div class="row intel-row-margin-padding">
            <div class="col-md-12 text-center">
                <div class="intel-about-top">
                    <div class="intel-text-color intel-text-about-header-top">
                        Networking
                    </div>
                
                    <div class="intel-text-about-content">
                        Strenghen your network and discover opportunities with Intel's executive communities
                    </div>

                </div>

            </div>
        </div>
    </div>

    <div class="container-fluid intel-background-gray intel-nw-search-container">
        <div class="row intel-nw-search-row">
            <div class="intel-nw-search-label intel-text-color">FIND A PEER</div>
            <div class="intel-nw-search-textbox-div">
                <input type="text" class="intel-textbox intel-nw-search-textbox" placeholder="Search by keyword" />
            </div>
            <div class="intel-nw-search-button-div">
                <span class="intel-button">Search executive bios</span>
            </div>

        </div>

        <div class="row intel-nw-search-row-keyword">
            <div class="intel-nw-close-icon">Close</div>
            <div class="intel-nw-keyword-text intel-text-color">YOUR RESULTS FOR KEYWORD: "MANUFACTURING"</div>
        </div>
        <div class="row intel-row-margin intel-nw-search-row-result">
            <div class="col-md-12 intel-nw-results-panel">
                <!--Result 1-->
                <div class="intel-nw-result-panel">
                    <img src="images/about-letter.jpg" alt="about letter image" class="intel-nw-result-image" />
                    <p class="intel-nw-result-name intel-text-content-color">BRIAN M. KRZANICH</p>
                    <p class="intel-nw-result-title intel-text-content-color">Chief Executive Officer</p>
                    <p class="intel-nw-result-phone intel-text-content-color">123.456.7890</p>
                    <p class="intel-nw-result-email intel-text-color">brian.m.krzanich@intel.com</p>
                    <p class="intel-nw-result-bio intel-text-content-color">Brian M. Krzanich was appointed chief executive officer of Intel Corporation and elected a member of the board of directors on May 16, 2013. He is the sixth CEO in the company's history, succeeding Paul S. Otellini.</p>
                    <p class="intel-nw-result-bio intel-text-content-color">Brian M. Krzanich was appointed chief executive officer of Intel Corporation and elected a member of the board of directors on May 16, 2013. He is the sixth CEO in the company's history, succeeding Paul S. Otellini.</p>
                    <p class="intel-nw-result-bio intel-text-content-color">Brian M. Krzanich was appointed chief executive officer of Intel Corporation and elected a member of the board of directors on May 16, 2013. He is the sixth CEO in the company's history, succeeding Paul S. Otellini.</p>
                    <p class="intel-nw-result-bio intel-text-content-color">Brian M. Krzanich was appointed chief executive officer of Intel Corporation and elected a member of the board of directors on May 16, 2013. He is the sixth CEO in the company's history, succeeding Paul S. Otellini.</p>
                    <p class="intel-nw-result-bio intel-text-content-color">Brian M. Krzanich was appointed chief executive officer of Intel Corporation and elected a member of the board of directors on May 16, 2013. He is the sixth CEO in the company's history, succeeding Paul S. Otellini.</p>
                </div>
                <hr />
                <!--Result 2-->
                <div class="intel-nw-result-panel">
                    <img src="images/about-letter.jpg" alt="about letter image" class="intel-nw-result-image" />
                    <p class="intel-nw-result-name intel-text-content-color">BRIAN M. KRZANICH</p>
                    <p class="intel-nw-result-title intel-text-content-color">Chief Executive Officer</p>
                    <p class="intel-nw-result-phone intel-text-content-color">123.456.7890</p>
                    <p class="intel-nw-result-email intel-text-color">brian.m.krzanich@intel.com</p>
                    <p class="intel-nw-result-bio intel-text-content-color">Brian M. Krzanich was appointed chief executive officer of Intel Corporation and elected a member of the board of directors on May 16, 2013. He is the sixth CEO in the company's history, succeeding Paul S. Otellini.</p>
                    <p class="intel-nw-result-bio intel-text-content-color">Brian M. Krzanich was appointed chief executive officer of Intel Corporation and elected a member of the board of directors on May 16, 2013. He is the sixth CEO in the company's history, succeeding Paul S. Otellini.</p>
                    <p class="intel-nw-result-bio intel-text-content-color">Brian M. Krzanich was appointed chief executive officer of Intel Corporation and elected a member of the board of directors on May 16, 2013. He is the sixth CEO in the company's history, succeeding Paul S. Otellini.</p>
                    <p class="intel-nw-result-bio intel-text-content-color">Brian M. Krzanich was appointed chief executive officer of Intel Corporation and elected a member of the board of directors on May 16, 2013. He is the sixth CEO in the company's history, succeeding Paul S. Otellini.</p>
                    <p class="intel-nw-result-bio intel-text-content-color">Brian M. Krzanich was appointed chief executive officer of Intel Corporation and elected a member of the board of directors on May 16, 2013. He is the sixth CEO in the company's history, succeeding Paul S. Otellini.</p>
                </div>
            </div>
        </div>
    </div>
    
    <div class="container-fluid">
        <div class="row intel-row-margin-padding">
            <div class="col-md-12 text-center">
                <div class="intel-about-top">
                    <div class="intel-text-color intel-text-about-header-top">
                        Community
                    </div>
                
                    <div class="intel-text-about-content">
                        Our communities provide networking opportunities within niche interests that align to personal
                        and professional outreach and advancement
                    </div>

                </div>

            </div>
        </div>
    </div>

    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-3 intel-nw-slot intel-nw-slot1-col">
                <div class="intel-nw-slot-header">
                    ALP
                </div>
                <div class="intel-nw-slot-title">
                    Accelerated Leadership Program
                    <br />
                    Strategic Advisory Board
                </div>
                <div class="intel-nw-slot-desc">
                    Accelerate the development of Intel's future leaders.
                </div>
                <div class="intel-nw-slot-mail">
                    ALB SAB chairs: <div style="display:inline;"></div>
                    <br />
                    Community Contact: <div style="display:inline;"></div>
                </div>
                <div class="intel-nw-slot-footer">
					Hello
                </div>
            </div>
            <div class="col-sm-3 intel-nw-slot intel-nw-slot2-col">
                <div class="intel-nw-slot-header">
                    EoR
                </div>
                <div class="intel-nw-slot-title">
                    Extend Our Reach
                </div>
                <div class="intel-nw-slot-desc">

                </div>
                <div class="intel-nw-slot-mail">

                </div>
                <div class="intel-nw-slot-footer">

                </div>

            </div>
            <div class="col-sm-3 intel-nw-slot intel-nw-slot3-col">
                <div class="intel-nw-slot-header">
                    IBLC
                </div>
                <div class="intel-nw-slot-title">
                    Intel Black Leadership Cousil
                </div>
                <div class="intel-nw-slot-desc">

                </div>
                <div class="intel-nw-slot-mail">

                </div>
                <div class="intel-nw-slot-footer">

                </div>

            </div>
            <div class="col-sm-3 intel-nw-slot intel-nw-slot4-col">
                <div class="intel-nw-slot-header">
                    IHLC
                </div>
                <div class="intel-nw-slot-title">
                    Intel Hispanic Leadership Cousil

                </div>
                <div class="intel-nw-slot-desc">

                </div>
                <div class="intel-nw-slot-mail">

                </div>
                <div class="intel-nw-slot-footer">

                </div>

            </div>
            <div class="col-sm-3 intel-nw-slot intel-nw-slot5-col">
                <div class="intel-nw-slot-header">
                    iNEW
                </div>
                <div class="intel-nw-slot-title">
                    Intel Network of Executive Woman
                </div>
                <div class="intel-nw-slot-desc">

                </div>
                <div class="intel-nw-slot-mail">

                </div>
                <div class="intel-nw-slot-footer">

                </div>

            </div>
            <div class="col-sm-3 intel-nw-slot intel-nw-slot6-col">
                <div class="intel-nw-slot-header">
                    NTI
                </div>
                <div class="intel-nw-slot-title">
                    New to Intel
                </div>
                <div class="intel-nw-slot-desc">

                </div>
                <div class="intel-nw-slot-mail">

                </div>
                <div class="intel-nw-slot-footer">

                </div>

            </div>
            <div class="col-sm-3 intel-nw-slot intel-nw-slot7-col">
                <div class="intel-nw-slot-header">
                    L4A
                </div>
                <div class="intel-nw-slot-title">
                    Leaders 4 Action
                </div>
                <div class="intel-nw-slot-desc">

                </div>
                <div class="intel-nw-slot-mail">

                </div>
                <div class="intel-nw-slot-footer">

                </div>

            </div>
            <div class="col-sm-3 intel-nw-slot intel-nw-slot8-col">
                <div class="intel-nw-slot-header">

                </div>
                <div class="intel-nw-slot-title">

                </div>
                <div class="intel-nw-slot-desc">

                </div>
                <div class="intel-nw-slot-mail">

                </div>
                <div class="intel-nw-slot-footer">

                </div>

            </div>
        </div>
    </div>

</body></html>